<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="wy.css" >
</head>
<body>
	<!-- 页面顶部 -->
  <header id="top">
	<div id="top_box">
		<a class="lf" href="#" style="margin-left:50px">您好，欢迎来到昵图网!</a>
		<ul class="rt">
			<li class="ss1">
				<a  data-toggle="tab" href="logon.html">登录</a>
			</li>
				<li class="ss2">
				<a  data-toggle="tab" href="register.html">免费注册</a>
				</li>
				<li class="ss3">
				<a  data-toggle="tab" href="#" class="bzz">帮助中心</a>
				</li>
			
		</ul>
	</div>

  </header><div class="clear"></div>
	<!-- logo 和 搜索框 -->
  <div id="top_main">
	 <!-- LOGO -->
	<a href="#" class="lf">
		<img src="images/2016_130515_03.png" />
	</a>
	<!-- 搜索框 和 热门搜索 -->
	<div id="search_box" class="lf">
		<!-- 搜索 框 -->
		<div class="search">
			<input class="text" placeholder="请输入标题、关键字、作品编号或文件名搜索" />
			<input type="button" class="button" value="搜索" />
		</div>
		<!-- 热门搜索 -->
		<div class="hot_words">
			<span>热门搜索:</span>
			<a href="#">夏天</a>
			<a href="#">招聘</a>
			<a href="#">青年节</a>
			<a href="#">母情节</a>
			<a href="#">儿童节</a>
		</div>
	</div>
		<div class="rt">
		<a href="#">
		<img src="images/2016_130515_05.png" />
		</a>
		<a href="#" class="wb">
		<img src="images/2016_130515_07.png" />
		</a>
		</div>
	<!-- 撑起父元素高度 -->
	<div class="clear"></div>
  
  <!-- 导航 -->
  <nav id="nav">
	<ul id="nav_items" class="lf">
		<li style="padding-left:50px;">
			<a href="#">首页</a>
		</li>
		<li>
			<a href="#">设计</a>
		</li>
		<li>
			<a href="#">摄影</a>
		</li>
		<li>
			<a href="#">多媒体</a>
		</li>
		<li>
			<a href="#">原创交易</a>
		</li>
		<li>
			<a href="#">求图求助</a>
		</li>
	</ul>
  </nav>
  <div class="clear"></div>
  <!-- 位置 -->
  <div id="banner">
	<a href="#" class="lf">
		<img src="images/22.png" />
	</a>
	<span id="d1">&nbsp;&nbsp;当前位置：&nbsp;&nbsp;设计&nbsp;&nbsp;>&nbsp;&nbsp;web页面设计&nbsp;&nbsp;>&nbsp;&nbsp;中文模板</span>
	<div class="clear"></div>
  </div>
  <!-- 网页主体 -->
  <section id="main">
 <div class="top">
	<!-- 主体左边 -->
	<div id="s1" class="lf">
		<h4>网页设计图片</h4>
		<div>
			<img src="images/2016_08.png">
			<span class="cao">草然本源至善至美</span>
			<span >
				<a href="#">设为首页</a>|
				<a href="#">收藏本站</a>|
				<a href="#">联系方式</a>
			</span>
		</div>
		<ul id="ziran" class="lf">
			<li style="padding-left:50px;">
				<a href="#">首页</a>
			</li>
			<li>
				<a href="#">企业简介</a>
			</li>
			<li>
				<a href="#">企业动态</a>
			</li>
			<li>
				<a href="#">走进自然堂</a>
			</li>
			<li>
				<a href="#">企业招聘</a>
			</li>
			<li>
				<a href="#">联系我们</a>
			</li>
		</ul>
		<div id="picture">
			<a href="#"><img src="images/2016_130515_20.png"></a>
		</div>
		<div id="fs">
			<span>方式：</span>
			<span style="color:red">共享素材</span>
			<span>星级：<img src="images/2016_30_03.png" ></span>
			<p class="rt">
				<img src="images/2016_17.png" >
				<img src="images/2016_19.png" >
				<img src="images/2016_21.png" >
				<img src="images/2016_23.png" >
				<img src="images/2016_25.png" >
				<img src="images/2016_27.png" >
				<img src="images/2016_29.png" >
			</p>
		</div>
		<hr>
		<div id="bh">
			<span>编号：20130804566415141</span>
			<span>上传时间：2013/8/4</span>
			<span>大小：10.19M</span>
		</div>
		<div id="paitu">
			<dl class="lf">
				<dt>
				<a href="#"><img src="images/2016_130515_40.png"></a>
				</dt>
				<dd>墙绘&nbsp;&nbsp;详情页艺术</dd>
			</dl>
			<dl class="lf">
				<dt>
				<a href="#"><img src="images/2016_130515_42.png"></a>
				</dt>
				<dd>红酒葡萄酒封面网页</dd>
			</dl>
			<dl class="lf">
				<dt>
				<a href="#"><img src="images/2016_130515_44.png"></a>
				</dt>
				<dd>礼品网站模板</dd>
			</dl>
			<dl class="lf">
				<dt>
				<a href="#"><img src="images/2016_130515_46.png"></a>
				</dt>
				<dd>两会专题飞机稿</dd>
			</dl>
			<dl class="lf">
				<dt>
				<a href="#"><img src="images/2016_130515_48.png"></a>
				</dt>
				<dd>网络游戏界面</dd>
			</dl>
		</div>
	</div>
	<!-- 主体右边 -->
	<div class="right">
	<div id="s2" class="rt">
		<p><b>他的图片</b><a  href="#" class="rt">更多&gt;&gt;</a></p>
		<a href="#"><img src="images/2016_130515_16.png"></a>
		<hr>
		<img src="images/2016_130515_24.png">
		<h5>上传者：<span>MRMister</span></h5>
		<p>
			<img src="images/2016_12.png">
			<img src="images/2016_13.png">
		</p>
	</div>
	<div id="s2" class="rt">
		<img src="images/1.png"><span>相关搜索</span>
	</div>
	<div class="rt friend" id="s2">
		<div class="bj">
			<span>没有合适的素材<br><p>试试求助昵友</p>
			</span>
		</div>
	</div>
	</div>
</div>
		<div id="xia" class="lf">
			<div id="paitu">
				<p><b>商用正版图片</b><span class="rt">更多</span></p>
				
				<dl class="lf">
					<dt>
					<a href="#"><img src="images/2016_130515_55.png"></a>
					</dt>
					<dd>水果保健品网页设计</dd>
				</dl>
				<dl class="lf">
					<dt>
					<a href="#"><img src="images/2016_130515_56.png"></a>
					</dt>
					<dd>美食餐饮网页设计</dd>
				</dl>
				<dl class="lf">
					<dt>
					<a href="#"><img src="images/2016_130515_57.png"></a>
					</dt>
					<dd>一组网页设计含分页</dd>
				</dl>
				<dl class="lf">
					<dt>
					<a href="#"><img src="images/2016_130515_58.png"></a>
					</dt>
					<dd>红白色宣传网页设计</dd>
				</dl>
				<dl class="lf">
					<dt>
					<a href="#"><img src="images/2016_130515_59.png"></a>
					</dt>
					<dd>网页设计</dd>
				</dl>
			</div>
		</div>
	</section>
	<div class="clear"></div>
  <!-- 版权声明 -->
  <footer id="foot">
  	<div class="links">
		<a href="#">关于昵图</a>|
		<a href="#">网站公约</a>|
		<a href="#">网站声明</a>|
		<a href="#">帮助中心</a>|
		<a href="#">联系我们</a>|
		<a href="#">常见问题</a>|
		<a href="#">网站地图</a>
	</div>
	<div class="text">
		<a href="#">Copyright © 2016 NiPic.com All Rights Reserved　</a>版权所有·昵图网 浙ICP备14012994号-1 增值电信业务经营许可证 ：浙B2-20140130 本站法律顾问：陈明律师<br>
昵图网是网络服务平台方，若您的权利被侵害，请联系 copyright@nipic.com <br>
	</div>
	<div class="imgs">
		<a href="#">
			<img src="images/2016_39.png" >
		</a>
		<a href="#">
			<img src="images/2016_40.png" >
		</a>
		<a href="#">
			<img src="images/2016_41.png" >
		</a>
		<a href="#">
			<img src="images/2016_130515_68.png">&nbsp;&nbsp;&nbsp;&nbsp;QQ在线时间：8:30~23:30
		</a>
	</div>
  </footer>
  <script src="js/jquery-1.11.3.js"></script>
</body>
</html>